<extend name="Public:base" />
<block name="content">

    <!-- bootstrap & fontawesome -->
    <!-- <link rel="stylesheet" href="__JS__/../ace/assets/css/bootstrap.min.css"/> -->
    <!-- <link rel="stylesheet" href="__JS__/../ace/assets/font-awesome/4.2.0/css/font-awesome.min.css"/> -->
    <!-- <link rel="stylesheet" href="__JS__/../ace/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/> -->
    <link rel="stylesheet" href="__JS__/../ace/assets/css/daterangepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="__JS__/../css/new/common.css"/>
    <!-- <link rel="stylesheet" href="__JS__/../css/new/font-awesome.min.css"/> -->
    <!--公共css-->        <!--[if lte IE 9]>
    <link rel="stylesheet" href="__JS__/../ace/assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <link rel="stylesheet" href="__JS__/../ace/assets/css/ace-ie.min.css"/>        <![endif]-->

    <!--icely add-->
    <link href="__JS__/../myPlugins/inputLimit/inputLimit.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="__JS__/../css/new/myStyle.css"/>
    <link rel="stylesheet" href="__JS__/../myPlugins/loading/loading.css"/>
    <link rel="stylesheet" href="__JS__/../myPlugins/upLoadImg/upLoadImg.css"/>
    <link href="__JS__/../myPlugins/jqGrid/jqGrid/jqGrid.css" rel="stylesheet" type="text/css">

    <!-- ace 设置处理程序 -->
    <!-- <script src="__JS__/../ace/assets/js/ace-extra.min.js"></script> -->
    <!--[if lte IE 8]>
    <script src="__JS__/../ace/assets/js/html5shiv.min.js"></script>
    <script src="__JS__/../ace/assets/js/respond.min.js"></script>        <![endif]-->


<style>
    .detailModal-content{
        padding: 1% 3%;
    }
    .detailModal-content > .row{
        margin: 2% 0%;
    }
</style>


   

<div class="page-content">

    <div class="page-header">
        <i class="fa fa-table"></i>收支列表
        <a id="download" class="operatorBtn">导出</a>
    </div>

    <div class="page-body">

        <!-- 搜索框 -->
        <form class="form-inline" role="form">
            <div class="form-group">
                <label class="sr-only" for="searchInput">searchInput</label>
                <input id="searchInput" type="text" style="height: 34px;" placeholder="支付流水号/订单号/客户名称"/>
            </div>
            <div class="form-group">
                <div class="input-group" style="width: 250px">
                    <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                    <input id="searchTime" class="form-control" placeholder="开始时间-结束时间" type="text" name="date-range-picker" id="id-date-range-picker-1"/>
                </div>
            </div>

            <div class="form-group">
                <label class="sr-only" for="searchPayWay">searchPayWay</label>
                <select class="form-control" id="searchPayWay" style="height: 34px;">
                    <option value="0" style="display: none" selected>类型</option>
                    <option value="0">全部</option>
                    <option value="1">收入</option>
                    <option value="2">支出</option>
                </select>
            </div>
             <div class="form-group">
                <label class="sr-only" for="searchBrand">searchBrand</label>
                <select class="form-control" id="searchBrand" style="height: 34px;">
                    <option value="0">净水器品牌</option>
                    <option value="1">美的</option>
                    <option value="2">格力</option>
                    <option value="3">其他</option>
                </select>
            </div> 
            <div class="searchBtn btn btn-sm btn-primary width80">查询</div>
            <div class="resetBtn btn btn-sm btn-inverse width80">重置</div>
        </form>

        <div id="jqGrid" class="jqGrid jqGrid-center jqGrid-stripe"></div>

    </div>

</div>
<!-- /.main-content -->

<!-- /.main-container -->

<!-- 操作模态框（没用） -->
<script type="text/template" id="detailModal">

    <div class="detailModal-content">

        <div class="row">
            <div class="col-md-2">订单号</div>
            <div class="col-md-10">
                <input type="number" min="0" id="" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">支付方式</div>
            <div class="col-md-10">
                <input type="number" min="0" id="" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2">流水号</div>
            <div class="col-md-10">
                <input type="number" min="0" id="" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2"> 操作人</div>
            <div class="col-md-10">
                <input type="number" min="0" id="" readonly>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2"> 备注</div>
            <div class="col-md-10">
                <input type="number" min="0" id="" readonly>
            </div>
        </div>

    </div>

</script>

<!-- bootstrap -->
<script src="__JS__/../ace/assets/js/jquery.1.11.1.min.js"></script>
<script src="__JS__/../ace/assets/js/bootstrap.min.js"></script>
<!-- 日期选择插件 -->
<script src="__JS__/../ace/assets/js/moment.min.js"></script>
<script src="__JS__/../ace/assets/js/daterangepicker.min.js"></script>
<!-- ACE 基本JS -->
<!-- <script src="__JS__/../ace/assets/js/ace-elements.min.js"></script> -->
<!-- <script src="__JS__/../ace/assets/js/ace.min.js"></script> -->
<script src="__JS__/libs/hint.js"></script>
<script src="__JS__/../ace/assets/js/bootbox.min.js"></script>
<!-- 公共JS -->
<script src="__JS__/new/momo.js"></script>

<!--icely add-->
<script src="__JS__/../myPlugins/jqGrid/jqGrid/jqGrid.js"></script>
<script src="__JS__/../myPlugins/loading/loading.js"></script>
<script src="__JS__/new/incomeAndExpenses.js"></script>
<script type="text/javascript">
    init();
</script>
</block>

